<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
    <meta charset="utf-8">
    <title>安全协议设计工具</title>
    <link rel="stylesheet" type="text/css" href="css/identify.css"/>
    <link rel="stylesheet" type="text/css" href="css/layout.css"/>
    <link rel="stylesheet" type="text/css" href="css/account.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/control_index.css"/>
    <link rel="stylesheet" type="text/css" href="css/easyui.css">
    <link rel="stylesheet" type="text/css" href="css/icon.css">
    <link rel="stylesheet" type="text/css" href="css/demo.css">
    <link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/stylesheet.css"/>
    <link rel="stylesheet" type="text/css" href="css/protocolReport.css"/>
    <link rel="stylesheet" type="text/css" href="css/common.css"/>

    <script src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.easyui.min.js"></script>

    <script type="text/javascript" src="js/haidao.offcial.general.js"></script>
    <script type="text/javascript" src="js/select.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/haidao.validate.js"></script>
    <script type="text/javascript" src="js/service.js"></script>
    <script type="text/javascript" src="js/designProtocol.js"></script>
    <script type="text/javascript" src="js/addProtocolDesign.js"></script>
    <script type="text/javascript" src="js/delProtocolDesignById.js"></script>
    <script type="text/javascript" src="js/delProtocolDesigns.js"></script>

    <style>
        p {
            margin-bottom: 0px;
        }
    </style>

</head>

<body>
<div class="view-topbar">
    <div class="topbar-console">
        <div class="tobar-head fl">
            <a href="#" class="topbar-home-link topbar-btn text-center fl">
                <img src="images/dwlogo.png"  class="logoimg"/>
            </a>
            <div  class="mynav" >
                <span>电力监控协议安全设计工具</span>
            </div>
        </div>
    </div>
    <div class="topbar-info">
        <ul class="fr">
            <li class="fl topbar-info-item">
                <div class="dropdown">
                    <a href="#" class="topbar-btn">
                        <span class="fl text-normal"><span class="username"></span> </span>
                        <span class="icon-arrow-down"></span>
                    </a>
                    <ul class="dropdown-menu topbar-btn-fontsize">
                        <li>
                            <a id="logout">退出</a>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
</div>

<div class="view-body">
    <div class="view-sidebar">
        <div class="sidebar-content">
            <div class="sidebar-nav sidebar-nav-fold operator-nav">
                <div class="sidebar-title ">
                    <a href="javascript:void(0)" id="viewProtocol">
                        <span class="icon"><b class="fl icon-arrow-down"></b></span>
                        <span class="text-normal">协议预览</span>
                    </a>
                </div>
                <ul class="sidebar-trans" >
                    <li id="preview101">
                        <a href="#">
                            <b class="sidebar-icon"></b>
                            <span class="text-normal">IEC60870-5-101</span>
                        </a>
                    </li>
                    <li id="preview104">
                        <a href="#">
                            <b class="sidebar-icon"></b>
                            <span class="text-normal">IEC60870-5-104</span>
                        </a>
                    </li>
                    <li id="previewgoose">
                        <a href="#">
                            <b class="sidebar-icon"></b>
                            <span class="text-normal">IEC61850-GOOSE</span>
                        </a>
                    </li>
                    <li id="previewsv">
                        <a href="#">
                            <b class="sidebar-icon"></b>
                            <span class="text-normal">IEC61850-SV</span>
                        </a>
                    </li>
                    <li id="previewmms">
                        <a href="#">
                            <b class="sidebar-icon"></b>
                            <span class="text-normal">IEC61850-MMS</span>
                        </a>
                    </li>
                    <li id="previewdnp3">
                        <a href="previewDNP3.html">
                            <b class="sidebar-icon"></b>
                            <span class="text-normal">DNP3</span>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="sidebar-nav operator-nav">
                <div class="sidebar-title">
                    <a href="#" id="designProtocol">
                        <span class="text-normal ml-5 mloader" >协议设计</span>
                    </a>
                </div>
            </div>

            <div class="sidebar-nav operator-nav">
                <div class="sidebar-title">
                    <a href="#" id="testProtocol" >
                        <span class="text-normal ml-5">协议测试</span>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="view-product">
        <div class="content-header">
            <ol class="breadcrumb">
                <li><a href="index.html" title="主页"><i class="fa fa-home">主页</i> </a></li>
                <li>协议设计</li>
            </ol>
        </div>

        <div class="message-manage">
            <div class="manage-record margin-lr">
                <div id="myDiv" style="float: left;margin-bottom: 10px;">
                    <div style="display: inline-block;">
                        <a href="javascript:void(0)" onclick="createProtocol()" class="next"
                           style="font-family: '微软雅黑';font-size: 12px">
                            <i class="fa fa-plus fa-lg"></i> 点击新建
                        </a>
                    </div>

                    <div style="display: inline-block;" onclick="delProtcolDesigns()">
                        <a class="next" style="font-family: '微软雅黑';font-size: 12px">
                            <i class="fa fa-close fa-lg"></i> 批量删除选中项
                        </a>
                    </div>

                </div>

                <div class="offcial-table margin-top clearfix" style="clear: both;">
                    <div class="offcial-table tr-border margin-big-top clearfix">
                        <div class="tr-th clearfix">
                            <div class="th w5">
                                <input id="allCheck" type="checkbox" name="check"/>
                            </div>
                            <div class="th w10">
                                协议设计编号
                            </div>
                            <div class="th w20">
                                通用电力协议名
                            </div>
                            <div class="th w15">
                                安全电力协议名
                            </div>
                            <div class="th w20">
                                创建时间
                            </div>
                            <div class="th w20">
                                备注
                            </div>

                            <div class="th w10">
                            </div>
                        </div>

                        <div id="protocolDesignList">

                        </div>

                    </div>
                </div>

                <div class="show-page padding-big-right">
                    <div class="page">
                        <div class="page">
                            <ul class="offcial-page margin-top margin-big-right">
                                <li>
                                    <a href="javascript:void(0)" id="theFirstPage" class="next">首 页</a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" id="dLastPage" class="next">上一页</a>
                                </li>
                                <li><span class="fl">第<em class="margin-small-left margin-small-right"
                                                          id="pageNum"></em>页</span></li>
                                <li>
                                    <a href="javascript:void(0)" id="dNextPage" class="next">下一页</a>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<!-- 选择协议模态框 -->
<div style="display: none;">
    <div id="dlg-choose" closed="true" class="easyui-dialog" title="协议设计选择" data-options="iconCls:'icon-save'"
         style="width:80%;max-width:800px;min-height:200px;padding:10px">
        <h1 style="text-align: center;">选择要设计的协议</h1>
        <div class="offcial-table margin-top clearfix" style="margin: 20px;">
            <div class="offcial-table tr-border margin-big-top clearfix">

                <table border="0" cellspacing="10px" cellpadding="10px" id="mytable">
                    <tr>
                        <td>
                            <a href="New101Protocol.html">
                                <input id="IEC-60870-5-101" type="button" value="IEC-60870-5-101"
                                       onclick="javascript:window.location.href='New101Protocol.html'"/></a>
                        </td>

                        <td>
                            <a href="New104Protocol.html" id="IEC-60870-5-104">
                                <input type="button" value="IEC-60870-5-104"
                                       onclick="javascript:window.location.href='New104Protocol.html'"/></a>
                        </td>

                        <td>
                            <a href="NewDnpProtocol.html" id="DNP3">
                                <input type="button" value="DNP3 "
                                       onclick="javascript:window.location.href='NewDnpProtocol.html'"/>
                            </a>
                        </td>
                    </tr>

                    <tr>
                        <td>
                            <a href="NewSvProtocol.html" id="IEC-61850-5-SV">
                                <input type="button" value="IEC-61850-SV"
                                       onclick="javascript:window.location.href='NewSvProtocol.html'"/></a>
                        </td>

                        <td>
                            <a href="NewMmsProtocol.html" id="IEC-61850-5-MMS">
                                <input type="button" value="IEC-61850-MMS"
                                       onclick="javascript:window.location.href='NewMmsProtocol.html'"/></a>
                        </td>

                        <td>
                            <a href="NewGooseProtocol.html" id="IEC-61850-GOOSE">
                                <input type="button" value="IEC-61850-GOOSE "
                                       onclick="javascript:window.location.href='NewGooseProtocol.html'"/>
                            </a>
                        </td>
                    </tr>
                </table>

            </div>
        </div>
    </div>

</div>

</body>
<script>
    $(function(){
        $.get("topbar.html",function (data) {
            $(".view-topbar").empty();
            $(".view-topbar").html(data);
        });

        $.get("siderbar.html", function(data) {
            $(".view-sidebar").empty();
            $(".view-sidebar").html(data);
            $("#designProtocol").css("background","#40BEA6");
        });
    });
    checkRole('operator');
    function findProDesgin(id,protocolName) {
        if(protocolName=="DNP3"){
            window.location.href="Dnp.html?id="+id;
        }
        if(protocolName=="IEC-60870-5-104"){
            window.location.href="iec104.html?id="+id;

        }
        if(protocolName=="IEC-60870-5-101"){
            window.location.href="iec101.html?id="+id;

        }
        if(protocolName=="IEC-61850-SV"){
            window.location.href="iecsv.html?id="+id;

        }
        if(protocolName=="IEC-61850-MMS"){
            window.location.href="iecmms.html?id="+id;

        }
        if(protocolName=="IEC-61850-GOOSE"){
            window.location.href="iecgoose.html?id="+id;

        }
    }
</script>
<script type="text/javascript" src="js/protocolDesignList.js"></script>

</html>